<template>
  <div>
    我有一个朋友叫{{name}}
    <p>{{num1 > num2 ? '是的' : '不是的'}}</p>
    <p>{{obj.name}}</p>
    <p>{{obj['name']}}</p>

    <!-- 注意 以下不能用差值表达式 -->
    <!-- 差值表达式不能用在属性身上 -->
    <!-- <h2 title="我是一个{{name1}}标签"></h2> -->
    
    <!-- 差值表达式不能用if -->
    <!-- <p>{{ if(name1 > name2) {} }}</p> -->
     
  </div>
</template>

<script>
export default {
  name: 'VuecliDemoApp',

  data() {
    return {
      name:'张三',
      name1:'h2',
      num1:10,
      num2:11,
      obj: {
        name: 'zhangsan'
      }

    };
  },

  mounted() {
    
  },

  methods: {
    
  },
};
</script>

<style lang="scss" scoped>

</style>
